<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">

    <title>工作流程</title>
    <link href="../lib/fonts/material-icons.css?family=Material+Icons" rel="stylesheet">
    <link href="../lib/css/animate.min.css" rel="stylesheet">
    <link href="../lib/css/quasar.mat.rtl.min.css" rel="stylesheet" type="text/css">

    <style type="text/css">
      [v-cloak] { display: none }
      .bd-light { border: 1px solid rgba(0, 0, 0, .1) }
    </style>
  </head>
  <body>
    <div id="q-workStepper" v-cloak class="q-pa-sm">
      <q-card class="bg-grey-1 no-shadow full-width">
        <q-card-main class="row gutter-sm">
          <q-field
            label="模板名称"
            label-width="3"
            class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
          >
            <q-input v-model="moduleData.name" readonly></q-input>
          </q-field>
          <q-field
            label="模板编码"
            label-width="3"
            class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
          >
            <q-input v-model="moduleData.code" readonly></q-input>
          </q-field>
          <q-field
            label="创建时间"
            label-width="3"
            class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
          >
            <q-input v-model="moduleData.createTime" readonly></q-input>
          </q-field>
          <q-field
            label="创建人"
            label-width="3"
            class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
          >
            <q-input v-model="moduleData.createPerson" readonly></q-input>
          </q-field>
        </q-card-main>
      </q-card>
    </div>
    <!-- ie-polyfill 、 vue.js and quasar-framework -->
    <script src="../lib/js/quasar.ie.polyfills.umd.min.js"></script>
    <script src="../lib/js/vue.js"></script>
    <script src="../lib/js/quasar.mat.umd.min.js"></script>
    <!-- babel for es6 transform -->
    <!-- <script src="lib/js/babel.min.js"></script> -->
    <!-- vue validate -->
    <script src="../lib/js/vuelidate.min.js"></script>
    <script src="../lib/js/validators.min.js"></script>
    <!-- consts ps: always leave this file first -->
    <script src="../script/consts.js"></script>
    <!-- qs for axios -->
    <script src="../lib/js/qs.min.js"></script>
    <!-- axios for http request -->
    <script src="../lib/js/axios.js"></script>
    <!-- axios.instance must be after axios -->
    <script src="../script/axios.instance.js"></script>
    <!-- quasar i18n zh-hans -->
    <script src="../lib/lang/zh-hans.js"></script>
    <!-- vue-i18n for application's internationalization -->
    <script src="../lib/js/vue-i18n.js"></script>
    <!-- current page international file -->
    <script src="../lang/workStepper.js"></script>
    <script>
      // quasar components use
      
      var workStepper = new Vue({
        el: '#q-workStepper',
        i18n: i18n,
        data: function () {
          return {
            moduleData: {
              name: '测试模板 1',
              code: 'test-code 1',
              createTime: '2018-08-24 14:23:15',
              createPerson: '胡扬东'
            }
          }
        },
        computed: {
          
        },
        created: function () {
          this.getList()
        },
        watch: {
          
        },
        methods: {
          getList: function () {
            
          }
        }
      })
    </script>
  </body>
</html>
